<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="res/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="res/css/main.css">
<link rel="stylesheet" href="res/css/index.css">
<title></title>
<style>
	.all{
		width:100%;
		margin-top:10px;
		height:50px;
	}
	.lower{
		width:100%;
		background-color:#f2f2f2
	}
	.select{
		font-size:24px;
		text-align:center;
	}
	
	.tablestyle{
		width:100%;
		background-color: #EDEDED;
		margin-bottom: 120px;
	}
	.tablestyle td{
		height:50px;
		font-size:18px;
		text-align:center;
		border:1px solid black;
	}
	.tablestyle th{
		font-size:20px;
		width:10%;
		border:1px solid black;
	}
	
		.topcenter{
			text-align:center;
			margin-top:5px;
			font-size:24px;
		}
        
        .label{
        	float: left;
			display: block;
			padding: 9px 15px;
			width: 200px;
			font-weight: 400;
			line-height: 20px;
			text-align: right
        }
        #submit{
       		margin-top:15px;
        	margin-left:200px;
        }
        
        .all li{
        	float: left;
			padding: 5px;
			color: #666;
			list-style: none;
			border-left: 1px solid black;
			cursor: pointer;/*鼠标的光标样式定义*/
        }
        
       .topstyle {
       		height:30px;
			overflow: hidden;
		}
		
        .all li:hover,.selected {
        	line-height:50px;
			border-left: 1px solid black;
		}
        
        .content{
			border: 1px solid black;
			padding: 10px;
			overflow: hidden;
		}
		.all-list div{
			display:none;
		}
		.all-list div.active{
			display:block;
		}
</style>
</head>
<body>

	<!-- 导入导航栏 -->
	<div class="layui-container" style="width:100%">
	  	<%@ include file="header.jsp" %> 
  	</div>
  	
  	   <!--  <div class="layui-container all">
  	  	<ul class="layui-nav layui-bg-blue topstyle">
		  <li class="selected">分院排名统计</li>
		  <li>专业排名统计</li>
		  <li>班级排名统计</li>
		  <li>项目排名统计</li>
		  <li>个人成绩查询</li>
		</ul> 
  	  </div> -->
	 
		<div class=" layui-container">
			<div class="list layui-row layui-col-space12 active">
				<p class="topcenter" style="margin-bottom: 30px;">学院成绩排名统计</p>
				<table class="tablestyle">
					<tbody>
						<tr>
							<th></th><th>学院积分</th><th>学院排名</th>
						</tr>
						<c:forEach items="${collegelist }" var="college">
							<tr>
								<th rowspan="2">
									<a href="collegestatistics.action?collegeid=${college.collegeid } ">${college.collegename }</a>
								</th>
							</tr>
							<tr>
								<td>${college.integral }</td>
								<td>第${college.num }名</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div>
			
			<%-- <div  class="list">
				<p class="topcenter">专业成绩排名统计</p>
				<table class="tablestyle">
					<tbody>
						<tr>
							<th></th><th>赛组</th><th>预赛成绩</th><th>决赛成绩</th><th>总成绩</th><th>名次</th>
						</tr>
						<c:forEach items="${profeslist }" var="profes">
							<tr>
								<th rowspan="2">
									<a href="professionalstatistics.jsp?professionalid=${profes.professionalid }&professionalname=${profes.professionalname } ">${profes.professionalname }</a>
								</th>
								<td>个人赛</td><td>222</td><td>222</td><td>222</td><td>222</td>
							</tr>
							<tr>
								<td>集体赛</td><td>222</td><td>222</td><td>222</td><td>222</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
			</div> --%>
			
			<%-- <div  class="list">
				<p class="topcenter">班级成绩排名统计</p>
				<table class="tablestyle">
					<tbody>
						<tr>
							<th></th><th>赛组</th><th>预赛成绩</th><th>决赛成绩</th><th>总成绩</th><th>名次</th>
						</tr>
						<c:forEach items="${classlist }" var="obj">
							<tr>
								<th rowspan="2">
									<a href="classstatistics.jsp?classid=${obj.classid }&classname=${obj.classname } ">${obj.classname }</a>
								</th>
								<td>个人赛</td><td>222</td><td>222</td><td>222</td><td>222</td>
							</tr>
							<tr>
								<td>集体赛</td><td>222</td><td>222</td><td>222</td><td>222</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
				
			</div> --%>
			
			<%-- <div  class="list">
				<p class="topcenter">项目成绩排名统计</p>
				<table class="tablestyle">
					<tbody>
						<tr>
							<th></th><th>赛组</th><th>预赛成绩</th><th>决赛成绩</th><th>总成绩</th><th>名次</th>
						</tr>
						<c:forEach items="${projectlist }" var="project">
							<tr>
								<th rowspan="2">
									<a href="projectstatistics.jsp?projectid=${project.projectid }&projectname=${project.projectname } ">${project.projectname }</a>
								</th>
								<td>个人赛</td><td>222</td><td>222</td><td>222</td><td>222</td>
							</tr>
							<tr>
								<td>集体赛</td><td>222</td><td>222</td><td>222</td><td>222</td>
							</tr>
						</c:forEach>
					</tbody>
				</table>
				
			</div> --%>
			
			<!-- <div  class="list">
				<p class="topcenter">个人成绩查询</p>
				<div style="display:block;margin-top:50px;text-align:center;">
					<form  action="athletestatistics.jsp">
					    <label style="font-size:18px;">请输入您的运动员编号:</label>
					    <input type="text" style="height:30px;width:400px" name="athleteid" id="athleteid" >
					    <br><br><br><br>
						<button class="layui-btn layui-btn-radius layui-btn-normal">立即提交</button>
					</form>
				</div>
			</div> -->
		
		</div>
		
		
  	<!-- footer部分 -->
	<div class="layui-container" style="width:100%;margin-top:10px;">
	  	<%@ include file="footer.jsp" %> 
  	</div>
<script src="res/layui/layui.js"></script>
<!-- <script>
layui.use(['table','jquery','form'], function(){
  var table = layui.table;
  var $ = layui.jquery;
  var form = layui.form;
	  	$(function(){
			//获取点击事件的对象
			$(".topstyle li").click(function(){
				//获取要显示或隐藏的对象
				var divShow = $(".content").children('.list');
				//判断当前对象是否被选中，如果没选中的话进入if循环
				if (!$(this).hasClass('selected')) {
					//获取当前对象的索引
					var index = $(this).index();
					//当前对象添加选中样式并且其同胞移除选中样式；
					$(this).addClass('selected').siblings('li').removeClass('selected');
					//索引对应的div块显示
					$(divShow[index]).show();
					//索引对应的div块的同胞隐藏
					$(divShow[index]).siblings('.list').hide();
				}
			});
		});
  	
  });
</script> -->
</body>
</html>